
<!-- end header wrapper -->


<div id="">
	<div id="templatemo_content">
    	
         <h1>注册</h1>
			<div class="two_column float_l">
            
            	<div id="contact_form">

			
            
                <form method="post" name="contact" action="">

                      <label for="author">姓名:</label> <input type="text" id="nikey" name="nekey" class="required input_field" />
                      <label for="author">密码:</label> <input type="password" id="author" name="password" class="required input_field" />
                      <label for="author">确认密码:</label> <input type="password" id="author" name="cpassword" class="required input_field" />
                      

                       <label for="author">手机号:</label> <input type="text" id="phone" name="tel" class="required input_field" />
                      <label>邮箱</label>
                      <input type="text" class="form-control mail" name="email" placeholder="请输入邮箱">
                      <label class="mail" style="color:red">请输入邮箱</label>
                      

                         <label for="sex">性别:</label> 
                         <select>
                         <option value="1">男</option>
                         <option value="0">女</option>
                         </select>
                        
                        <label for="email">QQ:</label> <input type="text" id="subject" name="qq" class="validate-email required input_field" />
                      
                        
                        <input type="submit" class="submit_btn" />
                        <input type="reset" class="submit_btn" />
                
           		  </form>
                
            </div>
                
            </div> 
            
           

			
           
            </div> 
            </div>
    
    	<div class="cleaner"></div>
	</div> <!-- end of content -->
</div> <!-- end of content_wrapper -->


<script src="resources/assets/jquery-3.2.1.min.js" ></script>
<script>








$('.mail').blur(function(){

  var e = $(this).val();
  // alert(txt)
    
    var reg = /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;
    var result = reg.exec(e);
  //  alert(result);
  // $('.name').text(' ');
  if(result==null){
    $('.mail').text('邮箱号或者邮箱格式错误');
  }else{
    $('.mail').attr('style','color:green');
    
    $('.mail').text('通过');
  } 
})
</script>